<!DOCTYPE html>
<html lang="en">
<head>
[#include "/customer/include/static.htm"]
	<link type="text/css" href="${path}/resources/css/user/safetyCent.css" rel="stylesheet"/>
	<link href="${path}/resources/css/user.css?v=2" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/css/member.css" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/css/member/main.css" rel="stylesheet" type="text/css"/>
	<link href="${path}/resources/css/member/safety.css" rel="stylesheet" type="text/css"/>
	<script src="${path}/resources/plug/layui/layui.js" type="text/javascript"></script>
	<link href="${path}/resources/plug/layui/css/layui.css" rel="stylesheet" type="text/css"/>
</head>
<body>

[#include "/customer/include/header.ftl"]

<!--头部 end -->
<!-- container start -->
<div class="member">
	<!--左边-->
	<style>
		.btnRed_F_small {
			width: 80px;
			height: 36px;
			line-height: 34px;
			overflow: hidden;
			display: block;
			margin: 0 auto;
			color: #fff;
			font-size: 16px;
			text-align: center;
			cursor: pointer;
			outline: none;
			background-color: #F3485A;

		}

		td {
			border: #c0c9d5 1px solid !important;;
		}

		tr {
			border: #c0c9d5 1px solid !important;
		}

		th {
			border: #c0c9d5 1px solid !important;;
		}

		.alert {
			padding: 8px 35px 8px 14px;
			margin-bottom: 20px;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			background-color: #fcf8e3;
			border: 1px solid #fbeed5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px
		}

		.alert .close {
			position: relative;
			top: -2px;
			right: -21px;
			line-height: 20px
		}

		.alert-info {
			color: #861E03;
			background: none repeat scroll 0% 0% #FFDFA2;
			border-color: #FFDFA2;
		}

		.close {
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 20px;
			color: #000;
			text-shadow: 0 1px 0 #fff;
			opacity: .2;
			filter: alpha(opacity=20)
		}

		.close:hover, .close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
			opacity: .4;
			filter: alpha(opacity=40)
		}

	</style>

[#include "/customer/include/member_left_menu.ftl"]


	<div class="memberRight">
		<div class="member_tab">
			<div class="member_tab"><a class="on" href="/member/ucenter/safe">修改登陆密码</a><a
					href="/member/ucenter/deal">修改交易密码</a></div>
		</div>
		<div class="member_tab_info"><!--修改登陆密码 start-->
			<form class="layui-form">
				<div class="alert alert-info"><a class="close" onclick="closeTips()" data-dismiss="alert">×</a>
					<p>请不要在网吧、公共场合修改密码！</p></div>
				<table class="layui-table">
					<tbody>
					<tr>
						<td>原始密码：</td>
						<td><input name="oldpass" type="password" class="layui-input"/>
							[#--&nbsp;&nbsp;&nbsp;&nbsp;--]
							[#--<a href="/Center/security/Rpassword.html" class="layui-btn   layui-btn-danger"--]
								[#--style="display: inline-block;float: right;background-color: #f3485a;">找回密码</a>--]
						</td>
					</tr>
					<tr>
						<td>新密码：</td>
						<td><input name="pass1" type="password" class="layui-input"/></td>
					</tr>
					<tr>
						<td>确认密码：</td>
						<td><input name="pass2" type="password" class="layui-input"/></td>
					</tr>
					</tbody>
				</table><!--修改登陆密码 end-->
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button lay-submit lay-filter="MainForm" class="layui-btn"
								style="width: 100px;background-color: #f3485a">
							确认提交
						</button>
					</div>
				</div>
		</div>
	</div>
</div>


<script type="text/javascript">

	function closeTips(e) {
		$(".alert").hide(300);
	}

	layui.use(['form', 'layer'], function () {
		var form = layui.form(), $ = layui.jquery, layer = layui.layer;
		form.on('submit(MainForm)', function (data) {
			var index = layer.load();
			ajax({
				url: "${path}/member/ucenter/modifyLoginPassword",
				data: data.field,
				success: function (result) {
					layer.msg(result.content, function () {
						location.reload();
					});
					layer.close(index);
				},
				complete: function () {
					layer.close(index);
				}, error: function () {
					layer.close(index);
				}


			});
			return false;
		});
	});
</script>
[#include "/customer/include/footer.ftl"]

</body>
</html>